<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
		<!-- Google Chrome Frame也可以让IE用上Chrome的引擎: -->
		<meta name="renderer" content="webkit">
		<!--国产浏览器高速模式-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="author" content="Mr. Yao" />
		<!-- 作者 -->
		<meta name="revised" content="Yao.v1, 2018/02/27" />
		<!-- 定义页面的最新版本 -->
		<meta name="description" content="网站简介" />
		<!-- 网站简介 -->
		<meta name="keywords" content="搜索关键字，以半角英文逗号隔开" />
		<title>穷在闹市出品</title>

		<!-- 公共样式 开始 -->
		<link rel="stylesheet" type="text/css" href="../../css/base.css">
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css">
		<script type="text/javascript" src="../../framework/jquery-1.11.3.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../../layui/css/layui.css">
		<script type="text/javascript" src="../../layui/layui.js"></script>
		<!-- 滚动条插件 -->
		<link rel="stylesheet" type="text/css" href="../../css/jquery.mCustomScrollbar.css">
		<script src="../../framework/jquery-ui-1.10.4.min.js"></script>
		<script src="../../framework/jquery.mousewheel.min.js"></script>
		<script src="../../framework/jquery.mCustomScrollbar.min.js"></script>
		<script src="../../framework/cframe.js"></script><!-- 仅供所有子页面使用 -->
		<!-- 公共样式 结束 -->
		<style type="text/css">
			.paginate_button{
				float: right;
				position: relative;
				right: 500px;
				margin: 5px 20px;
			}
		</style>
	</head>

	<body>
		<div class="cBody">
			<div class="console">
				<form class="layui-form" action="">
					<div class="layui-form-item">
						<div class="layui-input-inline">
							<input type="text" name="name"  lay-verify="required" placeholder="输入用户名称" autocomplete="off" class="layui-input">
						</div>
						<button class="layui-btn" >检索</button>
					</div>
				</form>

				<script>
					layui.use('form', function() {
						var form = layui.form;
				
						//监听提交
						form.on('submit(formDemo)', function(data) {
							layer.msg(JSON.stringify(data.field));
							return false;
						});
					});
				</script>
			</div>
			
			<table class="layui-table">
				<thead>
					<tr>
						<th>用户编号</th>
						<th>真实姓名</th>
						<th>性别</th>
						<th>手机号</th>
						<th>邮箱地址</th>
						<th>现居住地址</th>
						<th>注册时间</th>
						<th>身份证号</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>穷在闹市</td>
						<td>DLS201802281450280741</td>
						<td>无锡市</td>
						<td>穷在闹市</td>
						<td>穷在闹市</td>
						<td>18600001111</td>
						<td>028-6666666</td>
						<td>123456789@qq.com</td>
						<td>
							<button class="layui-btn layui-btn-xs">修改</button>
							<button class="layui-btn layui-btn-xs">删除</button>
						</td>
					</tr>
					
				</tbody>
			</table>
			
			<!-- layUI 分页模块 -->
				<div class="row">
					<div class="col-sm-5 col-md-5">
						<div class="dataTables_info" id="datatable-responsive_info" role="status" aria-live="polite">共10条记录1/1页</div>
					</div>
					<div class="col-sm-7 col-md-7">
						<div class="dataTables_paginate paging_simple_numbers" id="datatable-responsive_paginate">
							<ul class="pagination">
								<li class="paginate_button previous"><a href="searchDetail?pageNo=1&queryTitle=${queryTitle }&ntid=${ntid}"
									 aria-controls="datatable-responsive" data-dt-idx="0" tabindex="0">首页</a></li>
								<c:if test="${bean.currPageNo gt 1 }">
									<li class="paginate_button"><a href="searchDetail?pageNo=${bean.currPageNo - 1 }&queryTitle=${queryTitle }&ntid=${ntid}"
										 aria-controls="datatable-responsive" data-dt-idx="1" tabindex="0">上一页</a></li>
								</c:if>
								<c:if test="${bean.currPageNo lt bean.totalPageCount }">
									<li class="paginate_button"><a href="searchDetail?pageNo=${bean.currPageNo + 1 }&queryTitle=${queryTitle }&ntid=${ntid}"
										 aria-controls="datatable-responsive" data-dt-idx="1" tabindex="0">下一页</a></li>
								</c:if>
								<li class="paginate_button next"><a href="searchDetail?pageNo=${bean.totalPageCount }&queryTitle=${queryTitle }&ntid=${ntid}"
									 aria-controls="datatable-responsive" data-dt-idx="7" tabindex="0">最后一页</a></li>
							</ul>
							
							<li><input size="5" type="hidden" id="inputPage" />
								<button type="hidden" onclick="jump_to(document.getElementById('inputPage').value)"></button>
							</li> 
							<input type="hidden" id="totalPageCount" value="${bean.totalPageCount}" />
						</div>
					</div>
				</div>
			</div>
			<script>
				/* layui.use(['laypage', 'layer'], function() {
					var laypage = layui.laypage,
						layer = layui.layer;
				
					//总页数大于页码总数
					laypage.render({
					    elem: 'pages'
					    ,count: 100
					    ,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
					    ,jump: function(obj){
					      console.log(obj)
					    }
					});
				}); */
			</script>
		</div>
	</body>

</html>